<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>小米侧边栏</title>
	<style>
		a {
			display: block;
			width: 230px;
			height: 40px;
			background-color: #55585a;
			font-size: 14px;
			color: aliceblue;
			text-indent: 2em;
			text-decoration: none;
			line-height: 40px;
			/* text-align: center; */

		}

		a:hover {
			background-color: #ff6700;

		}
	</style>
</head>

<body>
	<a href="" herf="#">标签1</a><a href="" herf="#">标签2</a><a href="" herf="#">标签3</a><a href="" herf="#">标签4</a><a
		href="" herf="#">标签5</a><a href="" herf="#">标签6</a><a href="" herf="#">标签7</a>
</body>

</html>
<!-- 
	注意: 
	文字垂直居中    高度和行高一致
 -->